﻿/*
* name: responsive
* version: v1.1.8
* update: 移动端取消重设字体
* data: 2016-04-06
*/

/* import responsive stylesheet */
@import url(Pad.css) screen and (max-width: 1024px);
@import url(Mobile.css) screen and (max-width: 640px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* PadMode
*/
@media screen and (max-width: 1024px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;max-width: none;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}

}

/*
* MobileMode
*/
@media screen and (max-width: 640px) {

  body:after {
    content: 'Mobile';
  }
  #cl_nav{display:block !important;}
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  .flexslider{height:450px !important;margin-top:20px !important;}
  .logorp{margin:0 80px;}
  .slides li{height:450px !important;background-size:cover !important;}
  .flex-direction-nav{display:none;}
  .flex-control-nav{left:50% !important;bottom:20px !important;transform:translate(-50%,0);}
  .pro_other ul li{margin:0px 0 15px !important;}
  .fw_other .li01{background-position:145px 15px !important;}
  .fw_other .li01 .info{padding:20% 10% 10%;}
  .youshi2{width:100% !important;height:100% !important;background:none !important;}
  .youshi2 .youshi2_con{background-size:45% !important;}
  .youshi2 .youshi2_con p{padding-left:5px !important;}
  .youshi2 .youshi2_con p.spe1{margin-top:425px !important;padding-top:30px;}
  .youshi2 .youshi2_con p b{margin-top:15px;}
  .youshi2 .youshi2_con p span{float:left !important;width:280px !important;}

  .mb_logo{float:left;}
  .head_r .li02 .language{z-index:9;}
  #fy-content{width:100% !important;margin-top:30px !important;}
  .about_box{width:100% !important;margin-top:0 !important;}
  .product{margin-top:0 !important;}
  .product .rt_wrap{width:100%;}
  #fy-right #cp li{width:100% !important;float:none !important;margin-right:0 !important;border-bottom:1px dashed #ccc;}
  #fy-left{padding:15px !important;}
  .rt_wrap .rt_con p img{display:block !important;margin:0 auto !important;}
  .pub_bg{height:200px !important;margin-top:25px !important;}
  .rt_wrap .rt_con li{width:100% !important;list-style:none;}
  .rt_wrap .rt_con li a{width:65%;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  #weizhi{display:none;}
  #fy-right{float:left !important;width:100% !important;}
  #fy-right dl{display:none;}
  #fy-right .ri{display:none;}
  #cp-info .le{width:100% !important;}
  #cp-info .le .bg{width:98% !important;margin: 0 auto;}
  #cp-info .le ol{width:98% !important;margin: 5px auto 0;}
  #cp-info .le ol li{width:18.5% !important;margin-right:1.5% !important;margin-bottom:5px;}
  #cp-info .le ol li:last-child{margin-right:0 !important;}
  #cp-info .le ol li:nth-child(4){margin-right:1.5% !important;}
  img[data-src]{opacity: 1;}

}
